<%@page pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<css>
    <link rel="stylesheet" type="text/css" href="assets/css/pc/good_detail.css"/>
</css>
<css>
    <link rel="stylesheet" type="text/css" href="assets/css/pc/shop_car.css"/>
</css>

<js>
    <script type="text/javascript" src="assets/lib/js/my-plugin.js"></script>
</js>
<js>
    <script type="text/javascript" src="assets/js/pc/shop_car.js"></script>
</js>




<!-- 顶部 S -->

<!-- 顶部 E -->


<!-- 导航条 S -->
<div class="header">
    <div class="container2">
        <div class="lc">
            <a href="/"><img src="assets/img/pc/logo.png" width="165px" border="0"/></a>
        </div>
        <div class="rc">
            <form id="searchForm" method="post" action="#">
                <input type="text" id="keyword" name="keyword" class="searchInp" maxlength="30" placeholder="商品名称，如：鲜果"/>&nbsp;
                <a href="javascript:void(0);" class="btn-search searchBtn"><i class="fa fa-search"></i>&nbsp;商品搜索</a>&nbsp;



                <a href="/shopCar/skipshoopingcar" class="btn-shop-car"><i class="fa fa-shopping-cart"></i>&nbsp;我的购物车</a>

            </form>
        </div>
    </div>

    <div class="container">
        <div class="lc cate-btn">
            <a id="parentMenu" href="javascript:;" class="menu">
                <i class="fa fa-th-large"></i>&nbsp;&nbsp;
                精选商品分类&nbsp;&nbsp;
                <i class="fa fa-angle-right"></i>
            </a>&nbsp;




            <link rel="stylesheet" type="text/css" href="assets/css/pc/category.css"/>
            <script type="text/javascript" src="assets/js/pc/category.js"></script>


            <div id="menuCategory">

                <div id="mc_Category">
                    <div id="mc_content" style="display: none;">
                        <ul>

                            <li>
                                <a class="lev1" href="javascript:void(0);">水果</a>
                                <span class="lev2">优选水果</span>
                            </li>
                            <li>
                                <a class="lev1" href="javascript:void(0);">蔬菜</a>
                                <span class="lev2">新鲜蔬菜</span>
                            </li>
                            <li>
                                <a class="lev1" href="javascript:void(0);">主食类</a>
                                <span class="lev2">主食类</span>
                            </li>



                            <li>
                                <a class="lev1" href="javascript:void(0);">酒水</a>
                                <span class="lev2">中外名酒</span>
                            </li>
                            <li>
                                <a class="lev1" href="javascript:void(0);">饮品</a>
                                <span class="lev2">时尚饮品</span>
                                <span class="lev2">冲调饮品</span>
                            </li>
                            <li>
                                <a class="lev1" href="javascript:void(0);">家居生活</a>
                                <span class="lev2">个人护理</span>
                                <span class="lev2">家用清洁</span>
                            </li>
                            <li>
                                <a class="lev1" href="javascript:void(0);">休闲食品</a>
                                <span class="lev2">时尚零食</span>
                                <span class="lev2">糖果巧克力</span>
                            </li>
                            <li>
                                <a class="lev1" href="javascript:void(0);">副食</a>
                                <span class="lev2">冷饮冻食</span>
                                <span class="lev2">粮油调味</span>
                            </li>
                        </ul>
                    </div>
                </div>



                <div id="sub_Category">


                    <div class="sub_content">
                        <p class="sub_item_cate">
                            <a class="cate_parent" href="javascript:void(0);">优选水果&nbsp;></a>
                            <a class="cate_child" href="goods/detail.html?cid=82">桃</a>|
                            <a class="cate_child" href="goods/detail.html?cid=85">梨</a>|
                            <a class="cate_child" href="goods/detail.html?cid=81">柑橘</a>|
                            <a class="cate_child" href="goods/detail.html?cid=84">苹果</a>|
                            <a class="cate_child" href="goods/detail.html?cid=80">瓜果</a>|
                            <a class="cate_child" href="goods/detail.html?cid=86">葡萄</a>|
                            <a class="cate_child" href="goods/detail.html?cid=83">热带水果</a>
                        </p>
                    </div>


                    <div class="sub_content">
                        <p class="sub_item_cate">
                            <a class="cate_parent" href="javascript:void(0);">新鲜蔬菜&nbsp;></a>
                            <a class="cate_child" href="goods/detail.html?cid=89">叶菜类</a>|
                            <a class="cate_child" href="goods/detail.html?cid=91">瓜果类</a>|
                            <a class="cate_child" href="goods/detail.html?cid=88">根茎类</a>|
                            <a class="cate_child" href="goods/detail.html?cid=90">菌类</a>|
                            <a class="cate_child" href="goods/detail.html?cid=87">豆类</a>
                        </p>
                    </div>


                    <div class="sub_content">
                        <p class="sub_item_cate">
                            <a class="cate_parent" href="javascript:void(0);">主食类&nbsp;></a>
                            <a class="cate_child" href="goods/detail.html?cid=92">主食</a>|
                            <a class="cate_child" href="goods/detail.html?cid=93">豆制品</a>
                        </p>
                    </div>




                    <div class="sub_content">
                        <p class="sub_item_cate">
                            <a class="cate_parent" href="javascript:void(0);">中外名酒&nbsp;></a>
                            <a class="cate_child" href="goods/detail.html?cid=110">白酒</a>|
                            <a class="cate_child" href="goods/detail.html?cid=108">葡萄酒</a>|
                            <a class="cate_child" href="goods/detail.html?cid=111">洋酒</a>|
                            <a class="cate_child" href="goods/detail.html?cid=109">啤酒</a>|
                            <a class="cate_child" href="goods/detail.html?cid=112">黄酒/养生酒</a>
                        </p>
                    </div>


                    <div class="sub_content">
                        <p class="sub_item_cate">
                            <a class="cate_parent" href="javascript:void(0);">时尚饮品&nbsp;></a>
                            <a class="cate_child" href="goods/detail.html?cid=117">饮用水</a>|
                            <a class="cate_child" href="goods/detail.html?cid=113">茶饮料</a>|
                            <a class="cate_child" href="goods/detail.html?cid=118">功能饮料</a>|
                            <a class="cate_child" href="goods/detail.html?cid=114">含乳饮料</a>|
                            <a class="cate_child" href="goods/detail.html?cid=120">碳酸饮料</a>|
                            <a class="cate_child" href="goods/detail.html?cid=116">果味饮料</a>|
                            <a class="cate_child" href="goods/detail.html?cid=115">奶制品咖啡</a>|
                            <a class="cate_child" href="goods/detail.html?cid=119">养生饮品</a>
                        </p>
                        <p class="sub_item_cate">
                            <a class="cate_parent" href="javascript:void(0);">冲调饮品&nbsp;></a>
                            <a class="cate_child" href="goods/detail.html?cid=124">奶粉</a>|
                            <a class="cate_child" href="goods/detail.html?cid=121">豆浆/麦片</a>|
                            <a class="cate_child" href="goods/detail.html?cid=125">咖啡/奶茶</a>|
                            <a class="cate_child" href="goods/detail.html?cid=122">营养品</a>|
                            <a class="cate_child" href="goods/detail.html?cid=126">茶</a>|
                            <a class="cate_child" href="goods/detail.html?cid=123">蜂蜜/柚子茶</a>
                        </p>
                    </div>


                    <div class="sub_content">
                        <p class="sub_item_cate">
                            <a class="cate_parent" href="javascript:void(0);">个人护理&nbsp;></a>
                            <a class="cate_child" href="goods/detail.html?cid=129">面部护肤</a>|
                            <a class="cate_child" href="goods/detail.html?cid=127">洗发护发</a>|
                            <a class="cate_child" href="goods/detail.html?cid=130">身体护肤</a>|
                            <a class="cate_child" href="goods/detail.html?cid=128">口腔护理</a>|
                            <a class="cate_child" href="goods/detail.html?cid=131">女性护理</a>
                        </p>
                        <p class="sub_item_cate">
                            <a class="cate_parent" href="javascript:void(0);">家用清洁&nbsp;></a>
                            <a class="cate_child" href="goods/detail.html?cid=134">衣物清洁</a>|
                            <a class="cate_child" href="goods/detail.html?cid=132">家庭清洁</a>|
                            <a class="cate_child" href="goods/detail.html?cid=135">生活用纸</a>|
                            <a class="cate_child" href="goods/detail.html?cid=133">除菌消毒</a>|
                            <a class="cate_child" href="goods/detail.html?cid=136">厨房用具</a>
                        </p>
                    </div>


                    <div class="sub_content">
                        <p class="sub_item_cate">
                            <a class="cate_parent" href="javascript:void(0);">时尚零食&nbsp;></a>
                            <a class="cate_child" href="goods/detail.html?cid=140">膨化</a>|
                            <a class="cate_child" href="goods/detail.html?cid=137">坚果炒货</a>|
                            <a class="cate_child" href="goods/detail.html?cid=141">蜜饯干果</a>|
                            <a class="cate_child" href="goods/detail.html?cid=138">特色零食</a>|
                            <a class="cate_child" href="goods/detail.html?cid=142">糕点饼干</a>|
                            <a class="cate_child" href="goods/detail.html?cid=139">进口食品</a>
                        </p>
                        <p class="sub_item_cate">
                            <a class="cate_parent" href="javascript:void(0);">糖果巧克力&nbsp;></a>
                            <a class="cate_child" href="goods/detail.html?cid=144">糖果</a>|
                            <a class="cate_child" href="goods/detail.html?cid=143">巧克力</a>|
                            <a class="cate_child" href="goods/detail.html?cid=145">口香糖</a>
                        </p>
                    </div>


                    <div class="sub_content">
                        <p class="sub_item_cate">
                            <a class="cate_parent" href="javascript:void(0);">冷饮冻食&nbsp;></a>
                            <a class="cate_child" href="goods/detail.html?cid=150">水饺面点</a>|
                            <a class="cate_child" href="goods/detail.html?cid=146">速冻半成品</a>|
                            <a class="cate_child" href="goods/detail.html?cid=151">火锅丸串</a>|
                            <a class="cate_child" href="goods/detail.html?cid=147">奶酪/黄油</a>|
                            <a class="cate_child" href="goods/detail.html?cid=152">汤圆</a>|
                            <a class="cate_child" href="goods/detail.html?cid=149">冰淇淋</a>|
                            <a class="cate_child" href="goods/detail.html?cid=148">常/低温奶</a>
                        </p>
                        <p class="sub_item_cate">
                            <a class="cate_parent" href="javascript:void(0);">粮油调味&nbsp;></a>
                            <a class="cate_child" href="goods/detail.html?cid=156">调味品</a>|
                            <a class="cate_child" href="goods/detail.html?cid=153">方便食品</a>|
                            <a class="cate_child" href="goods/detail.html?cid=157">米面杂粮</a>|
                            <a class="cate_child" href="goods/detail.html?cid=154">食用油</a>|
                            <a class="cate_child" href="goods/detail.html?cid=158">干货</a>|
                            <a class="cate_child" href="goods/detail.html?cid=155">罐头</a>
                        </p>
                    </div>

                </div>




            </div>


        </div>
        <div class="cc">
            <ul>
                <li><a href="index.html" >网站首页</a></li>
                <li><a href="#" >品质生活</a></li>
                <li><a href="#" >品农生鲜</a></li>
                <li><a href="#" >直供专区</a></li>
                <li><a href="#" >网点分布</a></li>
                <li class="last" ><a href="/schedules/list">特价专区</a></li>
            </ul>
        </div>
    </div>
</div>
<!-- 导航条 E -->


<script type="text/javascript">
    $(function(){
        //商品检索
        $(".searchBtn").click(function(){
            var keyword = $("#keyword");
            var kv = $.trim(keyword.val());
            if(kv==""){
                alert("请输入商品名称关键字");
                return false;
            }
            $("#searchForm").submit();
        });

    });

</script>



    <div class="m-space10"></div>

    <div class="container bg-w m-pt15 m-pb15">

        <div class="orderpath-online text-center">
            <div class="on on1"></div>
            <div class="protxt">
                <span class="span1">我的购物车</span>
                <span class="span2">提交订单</span>
                <span class="span3">在线付款</span>
                <span class="span4">订单完成</span>
            </div>
        </div>
    </div>

    <div class="m-space10"></div>


    <div class="container row bg-w">
        <div class="cart-table" style="border-top:1px solid #efefef; border-bottom:1px solid #efefef;">
            <div class="cart-table-th">
                <div class="th th-name">
                    <div class="pull-left"></div>
                    <div class="pull-left">商品名称</div>
                </div>
                <div class="th th-price">单价(元)</div>
                <div class="th th-amount">数量</div>
                <div class="th th-jifen">&nbsp;</div>
                <div class="th th-sum">小计(元)</div>
                <div class="th th-option">操作</div>
            </div>
        </div>
    </div>


    <form id="form1" method="post" action="shopCars/account.html">
        <input type="hidden" id="shopCarId" name="shopCarId" value=""/>

        <div class="m-space10"></div>


<c:forEach items="${not empty SHOOINGCAR_SESSION}" var="shop">



        <div class="container row bg-w">
            <div class="cart-table">
                <div class="cart-order-list">
                    <div class="cart-order">
                        <div class="order-header mt15">
                            <input class="ckShopP" data-shop-id="16" type="checkbox" checked="checked"/>&nbsp;&nbsp;
                            <i class="arrow-right">品牌直营</i>&nbsp;&nbsp;
                            <span style="padding-left:65px;">【品质】</span>
                            <span class="shopName">品质九棵树店</span>&nbsp;&nbsp;
                        </div>



                        <div class="order-content"
                             data-shop-car-id="104"
                             data-pro-id="3"
                             data-shop-ind="0"
                             data-ind="0"
                             data-shop-id="16">
                            <div class="cart-table-td">
                                <div class="th th-name">
                                    <div class="th-chk pull-left m-ml5">
                                        <input class="ckChild ckShopC" data-shop-id="16" type="checkbox" checked="checked"/>&nbsp;&nbsp;
                                        <a href="goods/detail.html?${shop.goodId}"><img src="${shop.goodImg}"></a>
                                    </div>
                                    <a href="goods/detail.html?${shop.goodId}">${shop.goodName}</a>
                                </div>
                                <div class="th th-price">￥${shop.goodPrice}</div>
                                <div class="th th-amount">
                                    <div class="col-sm-12">
                                        <div class="input-group m-b">
                                            <span class="input-group-btn minusCount"><button type="button" class="btn btn-success glyphicon-minus"></button></span>
                                            <input id="buyCountNum" type="text" name="buyCount" class="form-control buyCount" maxlength="5" value="${shop.goodCount}"/>
                                            <span class="input-group-btn plusCount"><button type="button" class="btn btn-success glyphicon-plus"></button></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="th th-jifen">&nbsp;</div>
                                <div class="th th-sum goodTotal">

                                        ${shop.goodPrice*shop.goodCount}


                                </div>
                                <div class="th th-option">
                                    <a class="removeGood" id="${shop.shopid}" href="javascript:void(0);">删除</a><br>
                                </div>
                            </div>
                        </div>



                        <div class="order-content">
                            <div class="cart-table-td">
                                <div class="th th-name">&nbsp;</div>
                                <div class="th th-price">&nbsp;</div>
                                <div class="th th-amount">&nbsp;</div>
                                <div class="th th-jifen">&nbsp;</div>
                                <div class="th th-sum">

                                </div>
                                <div class="th th-option">&nbsp;</div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>


        <div class="space"></div>

</c:forEach>

        <div class="container row group-wrapper order-con media-middle">
            <div class="th-chk col-sm-3 pull-left" style="padding-left:0; padding-top:10px;">
                <label for="checkAll">
                    <input id="checkAll" class="ckParent" type="checkbox" checked="checked" style="padding-left: 0;"/>&nbsp;&nbsp;全选
                </label>
            </div>

            <div class="col-sm-7 text-right pull-right" style="margin-right:40px;">
                本次选购的商品总计：<strong class="num">￥</strong>
                <strong class="num totalMoney">
                    ${SHOPTOTAL_SESSION}
                </strong>&nbsp;&nbsp;
                <button class="btn btn-mid btn-success orderAccount">结算</button>
            </div>

        </div>

        <div class="m-space10"></div>

    </form>








